<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Belay Buzzer</title>
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;subset=latin" rel="stylesheet">
  <link rel="stylesheet" href="https://www.google.com/css/maia.css">
  <script src="js/include-belay.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js"></script>
  <script src="js/caps.js"></script>
  <script src="js/common.js"></script>
  <script src="js/belay-client.js"></script>
  <script src="buzzer-launch.js"></script>
</head>
<body>
<div class="maia-header" id="maia-header">
  <div class="maia-aux">
  <h1>
    <a href="/"><img alt="Google" src=
    "https://www.google.com/images/logos/google_logo_41.png"> Belay</a>
  </h1>
  <h2>
    Buzzer (Java)
  </h2>
  </div>
</div>
<div class="maia-aux">
  <div class="maia-article">
    <h1 class="maia-super">Welcome to Buzzer!</h1>
    <p>Buzzer is a simple micro-blogging service which demonstrates the
    Belay framework.</p>
    <p>
    To get started, simply name your buzzer blog:
    	<input id="instance-name" type="text" required="required" value="My Blog">
      <button id="create-blog" class="maia-button">Create Blog</button>
    </p>
  </div>
</div>
<div id="maia-signature"></div>
<div class="maia-footer" id="maia-footer">
<div id="maia-footer-global">
  <div class="maia-aux">
    <ul>
      <li>© <a href="https://www.google.com/">Google</a></li>
    </ul>
  </div>
</div>
</body>
</html>